div.排行榜框架{
    background-color: white;
    width: 360px ;
    height: 640px ;
    border: 1px solid black;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);


}

img.排行榜背景图{
    z-index: 1;
}

p.闯关积分排行榜标题{
    position:absolute;
    color: gold;
    font-size: xx-large;
    font-weight: bold;
    z-index:2;
    margin:42px 0px 0px 75px;
}

button.开始闯关{
    position:absolute;
    z-index:2;
    width: 120px;
    margin:190px 0px 0px 120px;
    background-color: #eef2f6;
    color: black;
}



ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
}

li {
    float: left;
}

li a {
    display: block;
    color: black;
    text-align: center;
    padding: 14px 10px;
    text-decoration: none;
}

li a:hover {
    background-color: #e4ecd7;
}
